<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<script src="scripts/jquery-1.10.2.js"></script>
		<script src="scripts/bootstrap.js"></script>
		<script src="scripts/counter.js"></script>
		<link href="css/bootstrap.css" rel="stylesheet" />
		<link href="css/counter.css"  rel="stylesheet" />
	</head>
	<body>	
		<div class="counter" >
			<table class="table table-bordered" id="table" >
				<tr>
					<td colspan="4"></td>
				</tr>
				<tr>
					<td><button>7</button></td><td><button>7</button></td><td><button>7</button></td><td><button>7</button></td>
				</tr>
				<tr>
					<td></td><td></td><td></td><td></td>
				</tr>
				<tr>
					<td></td><td></td><td></td><td></td>
				</tr>
				<tr>
					<td colspan="4"></td>
				</tr>
			</table>
		</div>	
	</body>
</html>
